<template>
  <div class="about__wrapper">
    <div class="row g-4 align-items-center">
      <div class="col-lg-6">
        <div class="about__thumb" data-aos="fade-right" data-aos-duration="800">
          <div class="about__thumb-inner">
            <div class="about__thumb-image">
              <img src="/images/about/1.png" alt="about-image" />
              <div class="about__thumb-video">
              <!--  <img src="/images/about/2.png" alt="intro-thumbil" />
                <div class="about__thumb-plybtn">
                  <VideoModal
                    :link="'https://www.youtube.com/embed/Pf03RTjeISE'"
                  >
                    <template v-slot:button>
                      <a href="javascript:void(0);"
                        ><img src="/images/about/play-icon.png" alt="ply-btn"
                      /></a>
                    </template>
                  </VideoModal>
                </div> -->
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-6">
        <div
          class="about__content"
          data-aos="fade-left"
          data-aos-duration="800"
        >
          <div class="about__content-inner">
            <p class="subtitle">关于《边境》</p>
            <h3>即将上架steam的多人联机RPG游戏</h3>
            <p>
              游戏深度融合动作与策略，支持多职业自由转职（武士、法师、枪手等），并加入动态环境系统——昼夜更替、天气剧变将颠覆怪物行为与任务触发。玩家可自由组建小队或匹配进行冒险。“边境级”副本6人小队进行攻略，通过和好友的不懈努力，获得你们的稀有道具和专属奖励！
            </p>
            <ul class="about-list">
                            <li> <img src="/images/icon/svg/3.svg" alt="list-icon"> Steam 平台</li>
                            <li> <img src="/images/icon/svg/3.svg" alt="list-icon"> 在线合作</li>
                            <li> <img src="/images/icon/svg/3.svg" alt="list-icon"> 第三人称角色扮演</li>
                            <li> <img src="/images/icon/svg/3.svg" alt="list-icon"> 免费游玩</li>
                        </ul>
            <nuxt-link
              to="/about"
              class="trk-btn trk-btn--rounded trk-btn--secondary1"
              >查看详情</nuxt-link
            >
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import VideoModal from "@/components/base/modals/VideoModal.vue";
export default {
  components: { VideoModal },
};
</script>

<style></style>